<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="author" content="order by dede58.com"/>
    <title>青果交友论坛</title>
    <link rel="stylesheet" type="text/css" href="css/css.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js" charset="utf-8"></script>
</head>
<body>
            <form action="/login" method="post" class="login-form">
                <h1>青果交友论坛</h1>
                    
                        <div class="txtb">
                            <input type="text" name="username" id="user"/>
                            <span data-placeholder="用户名"></span>
                        </div>
                    
                    
                        <div class="txtb">
                            <input type="password" name="pwd" id="pwd" />
                            <span data-placeholder="密码"></span>
                        </div>
                    
                    
                        <input type="submit" class="logbtn" value="登录">
                        <div class="bottom-text">
                            <a href="/enroll">新用户注册</a>
                            </div>
                
            </form>
            <script type="text/javascript">
                $(".txtb input").on("focus", function(){
                    $(this).addClass("focus");
                });
                
                $(".txtb input").on("blur", function(){
                    if($(this).val() == "")
                    $(this).removeClass("focus");
                });
            </script>
</body>
</html>